iT邦幫忙

2021 iThome 鐵人賽

DAY 21
0
Modern Web

小白的從零開始食譜搜尋系統系列 第 21

JS語法學習Day5

  • 分享至 

  • xImage
  •  

學習目標
if判斷&switch case 、取得html元素


if判斷
if(條件)->true or false {
條件成立執行程式(true)
}else {
條件不成立執行程式(false)
}
情境 : 大大同學兩次段考平均成績比較
https://ithelp.ithome.com.tw/upload/images/20210930/20140497dRdvxC6XBL.png


switch case
switch(key){
case 1 :
value ->執行程式
break ;

default : (都不符合以上條件)
value ->執行程式
}

情境 : 對於大大段考平均的評價
https://ithelp.ithome.com.tw/upload/images/20210930/20140497xajhxmU6y8.png


取得html元素
其實我們從Day1開始一直使用的document.write是來自window這個瀏覽器物件的一個屬性,由於window是個全域的物件,因次在使用時可以直接省略
Html頁面
https://ithelp.ithome.com.tw/upload/images/20210930/20140497gmPbqIuNaU.png

https://ithelp.ithome.com.tw/upload/images/20210930/20140497a6Nha0RAL4.png

由JS取得並編輯html頁面


上一篇
JS語法學習Day4
下一篇
JS中的排序法_上
系列文
小白的從零開始食譜搜尋系統30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言